<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
  <title>mine</title>
  <!-- 引入样式 -->
  <link rel="stylesheet" href="css/index.css">
  <link rel="stylesheet" href="css/common.css">
  <script src="js/src.js"></script>
  <style>
    html {
      background: #fff;
    }

    .nativebar a {
      text-decoration: none;
      color: #fff;
    }

    .el-row {
      padding: 24px;
    }

    .el-col {
      display: flex;
      margin-bottom: 10px;
    }

    .el-col a {
      width: 100%;
      text-decoration: none;
      color: #fff;
    }

    .el-col .btn {
      width: 100%;
      background: #EA544A;
      color: #fff;
    }

    .el-checkbox__input.is-checked .el-checkbox__inner,
    .el-checkbox__input.is-indeterminate .el-checkbox__inner {
      background-color: #EA544A;
      border-color: #EA544A;
    }

    .el-checkbox__input.is-checked+.el-checkbox__label {
      color: #EA544A;
    }
  </style>
</head>

<body>
  <div id="app">
    <div class="nativebar">
      <a href="./home.html">
        <i class="el-icon-arrow-left" style="font-size: 20px;"></i>
      </a>
      <span>注册</span>
      <a href="./login.html">登录</a>
    </div>
    <div style="height: 50px;"></div>
    <el-row>
      <el-col>
        <el-input type='text' placeholder='手机号'></el-input>
      </el-col>
      <el-col>
        <el-input type='number' placeholder='验证码'></el-input>
        <el-button>获取验证码</el-button>
      </el-col>
      <el-col>
        <el-input type='text' placeholder='姓名'></el-input>
      </el-col>
      <el-col>
        <el-input type='text' placeholder='身份证号码'></el-input>
      </el-col>
      <el-col>
        <el-button>上传身份证正面照</el-button>
      </el-col>
      <el-col>
        <el-button>上传身份证反面照</el-button>
      </el-col>
      <el-col>
        <el-button>上传手持身份证照</el-button>
      </el-col>
      <el-col>
        <el-checkbox v-model="checked" style="color: #EA544A;">《众筹系统服务条款》</el-checkbox>
      </el-col>
      <el-col>
        <a href="./mine.html">
          <el-button class="btn">确认并支付开户费</el-button>
        </a>
      </el-col>
    </el-row>
  </div>
</body>
<script>
  //实例化一个Vue对象
  var vm = new Vue({
    el: "#app",
    data: {
      checked: false
    },
    mounted() {
    },
    methods: {
    }
  });

</script>

</html>